/*头部banner和导航部分*/
#content{
	width: 100%
	/*height: 950px;*/
	overflow: hidden;
	/* margin-bottom: 112px; */
	position: relative;
}
.swiper-container {
    /*width: 1920px;
    height: 950px;*/
}  
/*导航*/
#nav{
	/*width: 1800px;*/
	width: 93%;
	height: 100px;
	border-radius: 8px;
	background-color: #333333;
	/*overflow: hidden;*/
	position: absolute;
	z-index: 99;
	top: 40px;
	left: 60px;
	box-shadow: 0 0 30px rgba(0,0,0,.1);
}
#nav .logo99{
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	left: 3.6%;
	width: 207px;
	float: left;
}
#nav .logo a{
	display: inline-block;
	font-size: 0;
}
.nav-content{
	position: absolute;
	left: 27%;
	line-height: 6rem;
	float: left;
	font-size: 1rem;
	width: 930px;
	/*width: 52%;*/
	font-weight: bold;
}
.nav-content ul{
	overflow: hidden;
}
.nav-content ul li{
	float: left;
	margin-right: 72px;
	
}
.nav-content ul li a{
	color: #ffffff;
	transition: all 0.5s;
}
.nav-content ul li:hover a{
	color: #cf001b;
}
#navTrue{
	color: #cf001b;
}
#l{
	margin: 0;
}
.navRight{
	position: absolute;
	right: 2%;
	height: 1.4375rem;
	line-height: 1.4375rem;
	width: 10rem;
}
#search{
	
}
.navRight a{
	display: block;
	float: left;
}
#I{
	display: block;
	width: 3px;
	height: 14px;
	background: #ffffff;
	float: left;
	transform: translateY(5px);
}
#I,#lang{
	margin-left: 1.5625rem;
}
.navWrap{
	height: 100%;
	position: relative;
}
.navList{
	width: 100%;
	position: absolute;
	left: 0;
	top:100px;
	height: 309px;
	background: #ffffff;
	}
.navListBox{
	width: 100%;
	height: 100%;
	position: relative;
}
.nlbIn{
	position: absolute;
	top: 42px;
	left: 491px;
	width: 922px;
}
.ulBox{
	width: 100%;
	height: 100%;
	position: relative;
}
.nlbIn ul li{
	margin-bottom: 15px;
	font-size: 14px
}
.nlbIn ul li a{
	color: #999999;
}
.about{
	position: absolute;
	left: 0;
}
.products{
	position: absolute;
	left: 135px;
}
.case{
	position: absolute;
	left: 319px;
}
.serve{
	position: absolute;
	left: 453px;
}
.news{
	position: absolute;
	left: 589px;
}
.recruit{
	position: absolute;
	left: 724px;
}
.contact{
	position: absolute;
	left: 859px;
}

/*主体部分*/
#main{
	width: 100%;
	/*height: 1624px;
	background-color: #f5f5f5;*/
	overflow: hidden;
}

/*新品发布*/
.new{
	/*margin-left: 160px;
	margin-right: 160px;*/
	margin-bottom: 129px;
}
.new-top{
	height: 79px;
	margin-bottom: 48px;
	position: relative;
}
.new-top a{
	display: block;
	color: #000000;
	float: right;
	
	width: 120px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.new-top a .line{
	display: block;
	width: 120px;
	height: 2px;
	background-color: #000000;
	}
.new-top>div{
	float: left;
}
.new-content{
	height: 641px;
}
/*.nlBox{
	display: block;
	width: 622px;
	height: 641px;
	float: left;
	font-size: 0;
	
	position: relative;
	text-align: center;
}*/
.nlBox{
	color: #000000;
}
.nl{
	display: block;
	width: 622px;
	height: 641px;
	background-color: #ffffff;
	border-radius: 8px;
	float: left;
	position: relative;
	text-align: center;
}
.nl h5{
	font-size: 30px;
}
.nl p{
	font-size: 20px;
	color: #8d8d8d;
	margin-bottom: 28px;
}
.nl .viewBtn{
	display: block;
	width: 148px;
	height: 52px;
	font-size: 14px;
	color: #acacac;
	margin: 55px auto 0;
	transition: all .5s;
	text-align: center;
	line-height: 52px;
}
.nl:hover .viewBtn{
	color: #ffffff;
	background: url(../img/newAbg.png);
}
.nl #newsTrue{
	color: #ffffff;
	background: url(../img/newAbg.png);
}
.nl:hover{
	transition: all 0.5s;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
#nr{
	width: 959px;
	height: 641px;
	float: right;
}
#nr a{
	color: #000000;
}
#nr .nrBox{
	width: 471px;
	height: 312px;
	border-radius: 8px;
	background-color: #FFFFFF;
	float: left;
}
#nr h5{
	font-size: 24px;
}
#nr p{
	font-size: 16px;
	color: #8d8d8d;
	text-align: left;
	/*margin-bottom: 28px;*/
}
.nr-1,.nr-2{
	margin-bottom: 17px;
}
.nr-2,.nr-4{
	margin-left: 17px;
}
.nr-1,.nr-2,.nr-3,.nr-4{
	display: block;
	position: relative;
	text-align: center;
	
}
.nrImg{
	position: absolute;
	right: 35px;
	bottom: 55px;
}
.nTextBox{
	position: absolute;
	top: 55px;
	left: 55px;
}
.nrView{
	position: absolute;
	left: 20px;
	bottom: 55px;
	}
.new-content a:hover .viewBtn span{
	color: #ffffff;
	/*background: url(../img/newAbg.png);*/
}
.new-content a:hover .viewBg{
	opacity: 1;
}
.viewBg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/newAbg.png); 
	opacity: 0;
	transition: all .5s;
}
.viewBtn{
	position: relative;
	/*transition: all .5s;*/
}
.viewBtn span{
	display: block;
	width: 100%;
	height: 100%;
	z-index: 99;
	transition: all .5s;
}
.nr-1 .viewBtn,.nr-2 .viewBtn,.nr-3 .viewBtn,.nr-4 .viewBtn{
	display: block;
	width: 148px;
	height: 52px;
	font-size: 12px;
	color: #acacac;
	transition: all .5s;
	text-align: center;
	line-height: 52px;
}
.nr-1:hover{
	transition: all 0.5s;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.nr-2:hover{
	transition: all 0.5s;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.nr-3:hover{
	transition: all 0.5s;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.nr-4:hover{
	transition: all 0.5s;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}



/*品牌优势*/
.brand{
	height: 1045px;
	margin-bottom: 148px;
	position: relative;
}
.brand .t1{
	margin-bottom: 89px;
}
.brand>P{
	display: block;
	font-size: 300px;
	color: #eeeeee;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: text-top;
	height: 211px;
	line-height: 211px;
	overflow: hidden;
	/*line-height: 300px;*/
}
.brandImg{
	width: 936px;
	height: 938px;
	border-radius:0 20px 20px 0;
	overflow: hidden;
	position:absolute;
	top:107px;
	box-shadow: 0 0 30px rgba(0,0,0,.2);
}
.brandImg img{
	transform: translate(-20px,-50px);
}
.brandBg{
	transform: translate(5px,0);
}
.brandText{
	position: absolute;
	left:1099px;
	top:325px;
}
.t1 h3{
	font-size: 2.125rem;
	margin-bottom: 0.625rem;
	font-weight: bold;
}
.t1 p{
	font-size: 1.3rem;
	color: #d4d4d4;
	font-weight: bold;
}
#brandMore{
	display: block;
	color: #000000;
	width: 145px;
	height: 48px;
	border:2px solid #000000;
	text-align: center;
	line-height: 48px;
	border-radius: 4px;
	font-size: 20px;
	font-weight: bold;
	transform: translateY(37px);
}
.brandP1{
	height: 55px;
	margin-bottom: 45px;
}
.bTextBox{
	float: left;
}
.brandP1 p{
	font-size: 18px;
	line-height: 30px;
	margin-left:30px;
}
.icon{
	float: left;
	width: 53px;
	height: 55px;
	border-right: 1px solid #dcdcdc;
	position: relative;
}
.icon img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.brandText .icon{
	display: inline-block;
}
.textBold{
	font-weight:bold;
}


/*应用场景*/
.apply{
	/*margin-left: 160px;
	margin-right: 160px;*/
	margin-bottom: 182px;
}
.apply .t1{
	float: left;
}
.apply-top{
	height: 79px;
	margin-bottom: 65px;
	position: relative;
}
.applyR{
	/*display: block;*/
	float: right;
	height: 65px;
	/*line-height: 65px;*/
	position: absolute;
	right: 0;
	bottom: 0;
}
.applyR li{
	width: 120px;
	height: 54px;
	margin-left: 14px;
	text-align: center;
	line-height: 54px;
	font-size: 20px;
	font-weight: bold;
	float: left;
	
}
.applyR li a{
	color: #000000;
	opacity: 0.4;
	display: block;
	height: 52px;
	transition: all .5s;
}
#apTrue{
	opacity: 1;
}
#apTrue .line{
	display: block;
	}
.applyR li .line{
	display: none;
	width: 120px;
	height: 2px;
	background-color: #000000;
}
.applyR li:hover .line{
	display: block;
}
.applyR li:hover a{
	opacity: 1;
	}
	
.moreStyle{
	display: block;
	position: relative;
	width: 120px;
	height: 54px;
	text-align: center;
	line-height: 54px;
	font-size: 20px;
	font-weight: bold;
	/*float: right;*/
}
.moreStyle span{

	display: block;
	float: left;
	}
.moreStyle img{
	float: right;
	}
.apply-content{
	width: 1760px;
	height: 335px;
}
.apply-content a{
	float: left;
	margin-right: 19px;
}
.abWrap{
	border-radius:10px;
	width: 587px;
	height: 335px;
	
	/*float: left;
	margin-right: 19px;*/
	position: relative;
	overflow: hidden;
	}
	
.applyBox{
	/*display: block;*/
	width: 587px;
	height: 335px;
	
	float: left;
	margin-right: 19px;
	position: relative;
}
.apply-content a:nth-of-type(3){
	margin: 0; 
	width: 548px;
}
.ap01{
	transform: translate(-10px,-45px);
}
.ap02{
	transform: translate(-20%,-21%);
}
.ap03{
	transform: translate(-27%,-35%);
}
.abWrap{
	position: relative;
	}
.shadow{
	transition: all .5s;
	width: 100%;
	height: 60px;
	background: #000000;
	opacity: 0.8;
	position: absolute;
	bottom: 0px;
	/*box-shadow: 0 0 100px 10px inset;*/
	filter: blur(30px);	
}
.list{
	position: absolute;
	left:44px;
	bottom:41px;
	z-index: 99;
}
.list h5{
	color: #ffffff;
	font-size: 14px;
	display: inline-block;
	margin-right: 16px;
}
.list h3{
	font-size: 20px;
	color: #ffffff;
	}
.list img{
	transform: translateY(-3px);
	}
	
		
.abWrap:hover .shadow{
	opacity: 0;
}

/*最新资讯*/
.information{
	height: 579px;
	margin-bottom: 148px;
	/*width: 1600px;*/
}
#ifrTrue{
	color: #000000;
	border-color: #000000;
}
.iLeft{
	float: left;
}
.iLeft .t1{
	margin-bottom: 64px;
}
.iList li{
	width: 144px;
	height: 48px;
	/*border:2px solid #c4c4c4;*/
	/*border-radius: 5px;*/
	text-align: center;
	line-height: 48px;
	margin-bottom: 24px;
	color: #b0b0b0;
}
.iList li a{
	display:block;
	border-radius: 5px;
	width:100%;
	height:100%;
	color: #b0b0b0;
	font-size: 16px;
	font-weight: bold;
	transition:all 0.5s;
	border:2px solid #c4c4c4;
	
}
.iList li:hover a{
	color: #000000;
}
.iList li:hover a{
	border-color: #000000;
}
.iMiddle{
	float: left;
	width: 557px;
	height: 579px;
	border-radius: 7px;
	
	margin-left: 148px;
	overflow: hidden;
	transition: all .5s;
}
.iMiddle:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.3);
}
.iMiddle:hover .iMiddleBottom{
	background: #ffffff;
}
.iMiddleTop{
	height: 418px;
	overflow: hidden;
}
.iMiddleTop img{
	transform: translate(-38px,-28px);
}
.iMiddleBottom{
	height: 161px;
	position: relative;
}
.middleText{
	width: 442px;
}
.middleText h5{
	font-size: 20px;
	margin-bottom: 17px;
}
.textRed{
	color:#cf001b;
}
.middleText>p{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	color:#8d8d8d;
	margin-bottom: 32px;
}
.middleText a{
	font-size: 16px;
	color: #8d8d8d;
	font-weight: bold;
}
.middleText a img{
	margin-left: 19px;
}
.middleText>div p{
	float: right;
	color: #cacaca;
}
.boxCenter{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.iRight{
	float: right;
	width: 659px;
	border-top: 1px solid #dcdcdc;
}
.iRightBox{
	height: 191px;
	border-bottom: 1px solid #DCDCDC;
	position: relative;
	transition: all .5s;
}
.iRight a{
	color: #000000;
}
.iRightBox:hover{
	/*cursor:pointer;*/
	background: #ffffff;
}
.verticalBox{
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
}
.iRightBox:hover .iRightText{
	width: 589px;
	padding-left: 35px;
}
.iRightText{
	height: 76px;
	width: 100%;
	transition: all .5s;
}
.iRightText h5{
	color: #878787;
	font-size: 18px;
	margin-bottom: 12px;
	
}
.iRightText p{
	color: #878787;
	font-size: 14px;
	width: 411px;
	line-height: 24px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.iTextBox{
	float: left;
}
.iNumBox{
	width: 105px;
	border-left: 2px solid #dcdcdc;
	float: right;
	height: 100%;
	text-align: right;
	/*vertical-align: middle;*/
}
.iNumBox h3{
	font-size: 30px;
	font-weight: bolder;
	color: #c4c4c4;
}
.iNumBox p{
	width: 100%;
	font-size: 13px;
	color: #c4c4c4;
}
.ibn{
	width: 58px;
	height: 58px;
	position: relative;
	float: right;
	display: none;
	/*transition: all .5s;*/
}
.ibb{
	width: 58px;
	height: 58px;
	text-align: center;
	vertical-align: middle;
	/*position: relative;*/
	float: right;
	transition: all .5s;
	/*display: none;*/
}
.iRight a:hover .ibn{
	display: block;
}
.iRight a:hover .ibb{
	/*opacity: 0;*/
	display: none;
}
.iRight a:hover .iTextBox h5{
	color: #000000;
}
.iRight a:hover .iTextBox p{
	color: #585858;
}
#ifrTrue2 h5{
	color: #000000;
}
#ifrTrue2 p{
	color: #585858;
}
/****************************底部**************************************/
#footer{
	width: 1920px;
	height: 320px;
	background:url(../img/footerBg.png);
	overflow: hidden;
	font-family: "微软雅黑";
}
#footer .footer-top{
	padding-left: 160px;
	padding-right: 160px;
	height: 108px;
	overflow: hidden;
	margin-bottom: 35px;
}
.footer-box{
	height: 107px;
	overflow: hidden;
}
.footer-fLeft{
	float: left;
	width: 150px;
	height: 100%;
	position: relative;
}
.footer-fLeft img{
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
}
.footer-fRight{
	line-height: 108px;
	float: right;
}
.footer-fRight ul li{
	list-style: none;
	font-size: 16px;
	color: #8a8a8a;
	float: left;
	margin-left: 48px;
	height: 15px;
} 
.footer-fRight ul li a{
	color: #FFFFFF;
	opacity: 0.4;
	transition: all 0.5s;
}
.footer-fRight ul li:hover a{
	opacity: 1;
}
#footer .p{
	width: 1600px;
	height: 1px;
	background-color: #505050;
	margin-bottom: 35px;
}
.footer-bottom{
	color: #9d9d9d;
	margin: 0 160px 0 160px;
	height: 213px;
	overflow: hidden;
}
.fbl{
	float:left;
}
.fbl h3{
	font-size: 18px;
	margin-bottom: 25px;
}
.fbl p{
	line-height: 24px;
	font-size: 14px;
}
.fbr{
	float:right;
}
.fbr ul{
	height: 64px;
	margin-bottom: 48px;
}
.fbr ul li a{
	display: block;
	width: 60px;
	height: 60px;
	border: 1px solid #FFFFFF;
	opacity: 0.4;
	border-radius: 5px;
	position: relative;
	transition: all .5s;
}
.fbr ul li{
	float: right;
	margin-left: 28px;
	
}
.fbr ul li:hover a{
	opacity:.7;
}
.fbr p{
	white-space: nowrap;
	font-size: 14px;
	color: #5a5a5a;
}

/*.swiper-container{
	position: relative;
}
.swiper-pagination{
	position: absolute;
	bottom: 87px;
	right: 60px;
}
.swiper-pagination span{
	width: 40px;
	height: 5px;
	background-color: #cf001b;
	margin: 13px 0;
}*/
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 82px;
	/*bottom: 82px;*/
	left: 1664px;
	/*right: 60px;*/
	width:210px;
}
.swiper-pagination-bullet{
	width: 2.75rem;
	height: 0.3rem;
	border-radius:0;
	background: #ffffff;
}
.swiper-pagination-bullet:hover{
	cursor:pointer;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 0.8125rem;
}


.marginCenter{
	width: 84%;
	margin:auto;
}
/*****************按钮盒子**********************/
.buttonBox{
	margin-bottom: 88px;
	overflow: hidden;
}
.button{
	/* display: block; */
	/* float: left; */
	/* margin-right: 10px; */
	/* width: 180px; */
	/* height: 60px; */
	/* color: #8d8d8d; */
	/* font-size: 20px; */
	/* font-weight: bold; */
	/* border-radius:4px; */
	/* text-align: center; */
	/* line-height: 60px; */
	/* background: #ffffff; */
}
#btnTrue{
	background-color:#cf001b ;
	color: #FFFFFF;
	
}

/*********************地图盒子*********************/
.mapBox{
	position: relative;
	margin-bottom: 236px;
}
.map{
	width: 100%;
	height: 604px;
	overflow: hidden;
	border-radius:16px;
	box-shadow:0 0 20px rgba(0,0,0,.2);
}
.mapBox img{
	height: auto;
	transform: translate(-160px,-65px);
	/*width: 100%;*/
}

/***************联系方式***********************************/
.conIfo{
	width: 86%;
	height: 246px;
	background: #ffffff;
	position: absolute;
	top:82%;
	left: 7%;
}
.conBox{
	position: relative;
	height: 100%;
}
.conBoxIn{
	width: 74%;
	height: 53%;
	overflow:hidden;
}
.conLeft{
	/*float:left;*/
	margin-right: 13%;
	height: 100%;
	position: absolute;
	left: 0;
}
.title h3{
	font-size: 34px;
	height: 34px;
	line-height: 34px;
	margin-bottom: 18px;
}
.title h5{
	font-size: 20px;
	height: 20px;
	line-height: 20px;
	color: #dddddd;
}
.conMiddle{
	/*width: 37%;*/
	/*float:left;*/
	height: 100%;
	margin-right: 12%;
	position: absolute;
	left: 29%;
}
.conMiddle h5{
	font-size: 18px;
	height: 18px;
	margin-bottom: 24px;
}
.conMiddle p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.conRight{
	/*float:left;*/
	height: 100%;
	position: absolute;
	left: 78%;
}
.conRight h5{
	font-size: 18px;
	height: 18px;
	margin-bottom: 24px;
}
.conRight p{
	font-size: 16px;
	white-space: nowrap;
	color: #666666;
	line-height: 30px;
	text-overflow: ellipsis;
}
/***************************用户反馈*****************************/
.user{
	overflow: hidden;
	position: relative;
	margin-bottom: 120px;
}
.uLeft{
	float:left;
	width: 61%;
	height: 693px;
	position: relative;
	/*left: 239px;*/
	background: #ffffff;
}
.uLeftBox{
	position: absolute;
	top:9%;
	left: 20%;
}
.ulbt{
	margin-bottom: 49px;
}
.inputBox input{
	outline: none;
	border: 2px solid #e5e5e5;
	border-radius: 5px;
	color: #8d8d8d;
	font-size: 14px;
	font-weight: bold;
}
.inputWrap{
	overflow: hidden;
}
.ip1,.ip2{
	float: left;
	margin-right: 30px;
}
.ip1 input,.ip2 input{
	width: 347px;
	height: 60px;
	line-height: 60px;
	padding-left: 29px;
}
.ip1,.ip2,.ip3{
	margin-bottom: 21px;
}
.ip3 input{
	width: 757px;
	height: 60px;
	line-height: 60px;
	padding-left: 29px;
}
/*.ip4{
	margin-bottom: 46px;
}
.ip4 input{
	width: 757px;
	height: 170px;
	line-height: 60px;
	padding-left:29px;
}*/
textarea{
	width: 757px;
	height: 147px;
	outline: none;
	resize: none;
	border: 2px solid #e5e5e5;
	border-radius: 5px;
	color: #8d8d8d;
	font-size: 14px;
	font-weight: bold;
	/*line-height: 60px;*/
	padding:23px 0 0 29px;
	margin-bottom: 46px;
}
.ipBtn{
	outline: none;
	border: none;
	border-radius: 5px;
	width: 180px;
	height: 54px;
	line-height: 54px;
	background-color: #cf001b;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
.ipBtn:hover{
	cursor:pointer;
}
.uRight{
	float:left;
	width: 39%;
	height: 558px;
	overflow: hidden;
	/*position: absolute;*/
}
.uRight img{
	transform: translateY(-166px);
}
/**********************人才理念************************/
.talent{
	position: relative;
	overflow: hidden;
	margin-bottom: 6.5rem;
}
.tLeft{
	width: 75%;
	overflow: hidden;
	border-radius: 1.25rem;
	float: left;
	margin-bottom: 6rem;
}
.tRight{
	width: 50%;
	background: #ffffff;
	border-radius: 0.625rem;
	position: absolute;
	right: 0;
	bottom: 0;
}
.trInner{
	/*width: 50%;*/
	position: relative;
	z-index: 20;
}
.trInnerBox{
	position: absolute;
	left: 104px;
	top: 113px;
}
#yinhao{
	font-family: montserrat;
	font-size: 32rem;
	color: #e2e2e2;
	/*font-weight: lighter;*/
	position: absolute;
	top: -17.5rem;
	right: 3.125rem;
	font-family: montserrat;
}
#gang{
	width: 100px;
	height: 0.3rem;
	background: #cf001b;
	position: absolute;
	right: 9rem;
	top: 143px;
}
.trInnerBox>p{
	width: 605px;
	font-size: 18px;
	color: #585858;
	line-height: 28px;
	margin-bottom: 32px;
}
.trInner .title{
	margin-bottom: 48px;
}
.tctBox{
	width: 350px;
}
.tct{
	height: 2rem;
	vertical-align: middle;
	float: left;
}
.tct img,.tct p{
	float: left;
}

.tct img{
	margin-right: 1.0625rem;
	width: 2rem;
}
.tct p{
	font-size: 1rem;
	color: #585858;
	line-height: 2rem;
}
.tct1,.tct3{
	margin-right: 2.625rem;
}
.tct1,.tct2{
	margin-bottom: 2.0625rem;
}
/*********************员工风采**********************/
.staffStyle{
	width: 100%;
	/*height: 471px;*/
	background: #ffffff;
	box-shadow: 0 0 15px rgba(0,0,0,.2);
	position:relative;
	margin-bottom: 252px;
}
.staffStyle .title{
	position:absolute;
	top:18%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 62px;
	text-align: center;
}
.title h3{
	font-size: 2.125rem;
	height: 2.125rem;
	line-height: 2.125rem;
	margin-bottom: 1.125rem;
	/*text-align: center;*/
}
.title h5{
	font-size: 1.25rem;
	height: 1.25rem;
	line-height: 1.25rem;
	color: #dddddd;
	/*text-align: center;*/
}
.staffStyle .marginCenter{
	position: absolute;
	left: 8%;
	top:45%;
}
.sImgBox{
	width: 111%;
}
.sImgBox>div{
	/*width: 588px;
	height: 382px;*/
	overflow: hidden;
	float: left;
	
}
.sib1,.sib2{
	width: 33%;
}
/*.sib1 img{
	transform: translate(-3px,-25px);
}*/
.sib3{
	width: 31%;
	
}
.sib1,.sib2{
	margin-right: 18px;
}
/********************加入我们***********************/
.joinBox{
	margin-bottom: 106px;
}
.joinBox .title{
	text-align: center;
	margin-bottom: 56px;
}
.joinList{
	overflow: hidden;
	width: 100%;
	height: 82px;
	line-height: 82px;
	position: relative;
	border-radius: 10px;
	background: #ffffff;
	margin-bottom: 14px;
}
#jlTrue{
	background: #cf001b;
	color: #ffffff;
	height: 584px;
	margin-bottom: 31px;
}
#jlTrue h3{
	color: #ffffff;
}
#jlTrue p{
	color: #f6dddf;
}
#jlTrue img{
	
}
#jlTrue .trueList{
	width: 100%;
	height: 512px;
	position: absolute;
	top: 82px;
	left: 0;
	background: #ffffff;
}
.joinList h3{
	font-size: 20px;
	position: absolute;
	left: 5%;
}
.trueList{
	padding: 44px 0 0 86px;
}
.textBox{
	margin-bottom: 42px;
}
.textBox:nth-child(2){
	margin-bottom: 62px;
}
.textBox h5{
	color: #000000;
	font-size: 16px;
	line-height: 30px;
}
#jlTrue .textBox p{
	font-size: 14px;
	color: #6c6c6c;
	line-height: 28px;
}
#submit{
	display: block;
	width: 148px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	background: #cf001b;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
}
.jlm{
	position: absolute;
	left: 18%;
}
.jlm li{
	float: left;
	position: relative;
}
.jlm p{
	width: 160px;
	text-align: center;
    color: #585858;
}
.jlm span{
	width: 1px;
	height: 16px;
	background: #e5e5e5;
	float: right;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.jlr{
	position: absolute;
	right: 5%;
	color: #333333;
}
.jlr p{
	float: left;
}
.jlr img{
	margin-left: 27px;
	transform: translateY(-25%);
}
.clear：after{
	 content:".";        
     display:block;        
     height:0;        
     clear:both;     
}
.img-Center{
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: auto;
	height: auto;
}
.img-block{
	display: block;
	width: 100%;
	/*opacity: 0;*/
}
.top{
	position: relative;
}
.top img{
	max-height: 100%;
	max-width: 100%;
}